<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>

    <style>
        .d1{
            width: 500px;
            height: 500px;
            border: 1px solid red;
        }

        .d1 > span{
            border: 1px solid red;
            display: block;
            width: 200px;
            height: 200px;
            background: url("./resource/baidu2.jpeg") no-repeat 0 0;
        }

        .d2{
            height: 100px;
            border: 1px solid red;
        }



    </style>

</head>
<body>

    <div class="d1">
        <span class="prev"></span>
        <span class="next"></span>
    </div>


    <div class="d2"></div>


</body>
</html>